/* eslint-disable */
<template>
    <Table class="designer-table" :height="$props.target.props.height.value" style="background:#f00" border :loading="loading" :columns="columns" :data="data" size="small"></Table>
</template>
<style lang="less" scoped>
    table {
        border-collapse:collapse;
    }
    table, td, th {
        border:1px solid black;
    }
    thead > tr:last-child {
        border-bottom: 2px solid black;
    }
    .ivu-table:after{
        visibility:hidden;
        content: none !important;
        width: 0px !important;
        height: 0px !important;
        background-color:rgba(0, 0, 0, 0) !important;
    }

</style>

<script>
export default {
    props: {
        target: Object
    },
    data () {
        return {
        }
    },
    computed: {
        loading: {
            get () {
                console.info(this.$props.target)
                return this.$props.target.data.isLoading
            }
        },
        columns: {
            get () {
                return this.$props.target.data.columns
            }
        },
        data: {
            get () {
                return this.$props.target.data.value
            }
        }
    },
    methods: {
    },
    components: {
    },
    mounted () {
    }
}
</script>
